<?php 
session_start(); 
if(isset($_SESSION['result_sesion'])){
	$msj = $_SESSION['result_sesion'];
	unset($_SESSION['result_sesion']);	  
}
/* Validamos la url en la que estamos y ocultamos los botones que llevan a la misma */
	$url="index"; 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Inicio de Sesión</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.1.css" media="screen" />
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/ui/ui.core.js"></script>
<script type="text/javascript" src="js/ui/ui.tabs.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.1.pack.js"></script> 
<script type="text/javascript" src="js/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#usuario").focus(function(){
		$("#usuario").val('');
	});
	$("#clave").focus(function(){
		$("#clave").val('');
	});
	/**/ $("#inicio").click(function(){
		 	$('#loginForm').submit();
			$("#cargando").css("visibility","visible");
		/*$.post('conectar.php', $("#loginForm").serialize(),function(data){
			$('#mensaje').html(data); 	
		  $('#mensaje').css("visibility","visiblie")
			$("#cargando").css("visibility","hidden");
		}) */
	}); 
	$(document).keypress(function(e){ 
		if(e.keyCode == 13){ 
		  $('#loginForm').submit();  
		} 
	});
});
</script>
</head>
<body>
<div id="main" style="width:900px; height:500px;">
	<div id="header">
	  <h2>Tecnoinversiones RB &nbsp; Usuarios</h2>
      <h3>Bienvenido!</h3>
    </div>
      <!--inicio div content-right -->
      <div id="content-right" style="width:300px; height:180px; margin-top:100px; margin-left:300px; float:left;">
      <div id="cargando" style="position:absolute;float:left;visibility:hidden;right:500px;margin:95px 135px 0px 0px;">
      <img src="images/loading.gif" /></div>      
      <div id="loginDiv" class="form" style="margin:10px 20px 0 20px;width:260px;">
<form name="loginForm" id="loginForm" action="conectar.php" method="post">           
           	<fieldset>
           	  <legend>Inicio de Sesión</legend> 
            	<p style="text-align:center;">
            	  <input name="usuario" type="text" id="usuario" value="Usuario" size="30"  /></p>
           	  <p style=" text-align:center;">
            	  <input name="clave" type="password" id="clave" value="Clave" size="30"  />
       	</p>
       <a type="submit">
         <div id="inicio" class="botonCustom" style="text-align:center; margin-left:50px">Iniciar Sesi&oacute;n</div>
            </a>       
       	  </fieldset>
        </form>
        </div>
               
      </div>
      <div class="clear"></div> 
    <div id="mensaje" style="text-align:center; font-size:16px; color:#F00;"><?php if(isset($msj)){echo $msj;} ?></div>
</div>
</body>
</html>